.view {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  background-color: #b1c1c0;
  --bottom-sheet-min-height: 200rpx !important;

  --cell-border-color: #f7f7f7;
  --cell-background-color: #fff;
  --cell-text-color: #000 !important;

  // --cell-icon-size	24px	单元格图标大小
}

.scrollView {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 30rpx;
  padding-left: 10rpx;
  padding-right: 10rpx;


}

.curtainBoxActive {
  background-image: url('../../../res/borderSelect.png') !important;
}

.curtainBox {
  height: 223rpx;
  width: 335rpx;
  background-image: url('../../../res/border.png');
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 30rpx;
  .windowbg {
    height: 207rpx;
    width: 319rpx;
    background-size: 100% 100%;
    background-image: url('../../../res/windowbg.png');
  }

  .curtain {
    height: 207rpx;
    width: 319rpx;
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000rpx;
  }
  .singleCurtainLeft {
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0% 50%;
  }
  .singleCurtainRight {
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    transform-origin: 100% 50%;
  }
}
